<!--
  Generated template for the CollectWorkPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-content>
    <section class="card_wrap">
        <section class="card" (click)="open();">
            <div class="ban" [style.background]="'url(https://i0.hdslb.com/bfs/archive/dff505287fcd26bc6b30ba9abf91ee62de66eb73.jpg@440w_220h.webp)'"></div>
            <div class="dec">
                <p>2017 bilibili moe 日本动画场</p>
            </div>
            <div class="bottom">
                <span class="name">Devon</span>
                <span class="time">13:56</span>
            </div>
        </section>

        <section class="card" (click)="open();">
            <div class="ban" [style.background]="'url(https://i0.hdslb.com/bfs/archive/dff505287fcd26bc6b30ba9abf91ee62de66eb73.jpg@440w_220h.webp)'"></div>
            <div class="dec">
                <p>2017 bilibili moe 日本动画场</p>
            </div>
            <div class="bottom">
                <span class="name">Devon</span>
                <span class="time">13:56</span>
            </div>
        </section>

        <section class="card" (click)="open();">
            <div class="ban" [style.background]="'url(https://i0.hdslb.com/bfs/archive/dff505287fcd26bc6b30ba9abf91ee62de66eb73.jpg@440w_220h.webp)'"></div>
            <div class="dec">
                <p>2017 bilibili moe 日本动画场</p>
            </div>
            <div class="bottom">
                <span class="name">Devon</span>
                <span class="time">13:56</span>
            </div>
        </section>

        <section class="card" (click)="open();">
            <div class="ban" [style.background]="'url(https://i0.hdslb.com/bfs/archive/dff505287fcd26bc6b30ba9abf91ee62de66eb73.jpg@440w_220h.webp)'"></div>
            <div class="dec">
                <p>2017 bilibili moe 日本动画场</p>
            </div>
            <div class="bottom">
                <span class="name">Devon</span>
                <span class="time">13:56</span>
            </div>
        </section>

        <section class="card">
            <div class="ban" [style.background]="'url(https://i0.hdslb.com/bfs/archive/dff505287fcd26bc6b30ba9abf91ee62de66eb73.jpg@440w_220h.webp)'"></div>
            <div class="dec">
                <p>2017 bilibili moe 日本动画场</p>
            </div>
            <div class="bottom">
                <span class="name">Devon</span>
                <span class="time">13:56</span>
            </div>
        </section>

        <section class="card" (click)="open();">
            <div class="ban" [style.background]="'url(https://i0.hdslb.com/bfs/archive/dff505287fcd26bc6b30ba9abf91ee62de66eb73.jpg@440w_220h.webp)'"></div>
            <div class="dec">
                <p>2017 bilibili moe 日本动画场</p>
            </div>
            <div class="bottom">
                <span class="name">Devon</span>
                <span class="time">13:56</span>
            </div>
        </section>

        <section class="card" (click)="open();">
            <div class="ban" [style.background]="'url(https://i0.hdslb.com/bfs/archive/dff505287fcd26bc6b30ba9abf91ee62de66eb73.jpg@440w_220h.webp)'"></div>
            <div class="dec">
                <p>2017 bilibili moe 日本动画场</p>
            </div>
            <div class="bottom">
                <span class="name">Devon</span>
                <span class="time">13:56</span>
            </div>
        </section>

        <section class="card" (click)="open();">
            <div class="ban" [style.background]="'url(https://i0.hdslb.com/bfs/archive/dff505287fcd26bc6b30ba9abf91ee62de66eb73.jpg@440w_220h.webp)'"></div>
            <div class="dec">
                <p>2017 bilibili moe 日本动画场</p>
            </div>
            <div class="bottom">
                <span class="name">Devon</span>
                <span class="time">13:56</span>
            </div>
        </section>
    </section>
</ion-content>